<template>
	<view class="content">
		<uni-loding :loading='loading'></uni-loding>
		<view class="main-box">
			<block v-for="(e,i) in listData" :key="l">
				<view class="list-box">
					<image src="/static/images/write_off_icon.png" mode="widthFix" class="write-off-icon"></image>
					<view class="write-off-detail-box">
						<view class="write-off-list">
							<view class="write-off-title">订单编号：</view>
							<view class="write-off-text">{{e.order}}</view>
						</view>
						<view class="write-off-list">
							<view class="write-off-title">客户名称：</view>
							<view class="write-off-text">{{e.username}}</view>
						</view>
						<view class="write-off-list">
							<view class="write-off-title">核销时间：</view>
							<view class="write-off-text">{{e.time}}</view>
						</view>
					</view>
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading: false,
				leftNavNum: 0,
				listData: [{
					order: '952713145207758258',
					username: '张三',
					time: '2025-xx-xx xx:xx:xx'
				}, {
					order: '952713145207758258',
					username: '李四',
					time: '2025-xx-xx xx:xx:xx'
				}, {
					order: '952713145207758258',
					username: '王二',
					time: '2025-xx-xx xx:xx:xx'
				}, {
					order: '952713145207758258',
					username: '麻子',
					time: '2025-xx-xx xx:xx:xx'
				}]
			}
		},
		onLoad() {
			// this.init();
		},
		methods: {
			hasLeftNav(i) {
				this.leftNavNum = i;
			},
			jump(sn, name) {
				uni.navigateTo({
					url: '/promotionpages/car/detail?sn=' + sn + '&name=' + name
				})
			}
		}
	}
</script>

<style scoped>
	.main-box {
		height: 100vh;
	}

	.list-box {
		display: flex;
		padding: 40rpx;
		box-sizing: border-box;
	}

	.list-box~.list-box {
		border-top: 4rpx solid #f7f7f7;
	}

	.write-off-icon {
		width: 96rpx;
	}

	.write-off-detail-box {
		flex: 1;
		margin-left: 20rpx;
	}

	.write-off-list {
		display: flex;

	}
</style>